import CaseSkeleton from '../../components/case-skeleton'
import Paginator from '../../components/paginator'

const Loading: React.FC = async () => {
  const skeletonList = [0, 1, 2, 3, 4, 5]
  return (
    <>
      <div className='grid grid-cols-1 gap-[0.9375rem] lg:grid-cols-3 lg:gap-4 2xl:gap-6'>
        {skeletonList.map((item) => {
          return <CaseSkeleton key={item} />
        })}
      </div>
      <div className='h-[1.875rem] lg:h-[2.5rem] 2xl:h-[3.75rem]' />
      <Paginator initialPage={1} total={99} />
      <div className='h-[2.34475rem] lg:h-[3.1875rem] 2xl:h-[4.78125rem]' />
    </>
  )
}

export default Loading
